import styled from 'styled-components';


export const TescoContair = styled.div`
    flex:1;
    overflow:hidden;
    text-align:center
   
    .hello{
        background:#fff;
        padding:.1rem 0;
        border-bottom: .03rem solid #F5F5F5;
    }
    .shop_ul{
        background:url(https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1370915590,3908332657&fm=26&gp=0.jpg)  no-repeat;
            background-position:50% 70%;
        .shop_jumei{ 
                 
            .shop_box{
                width:100%;
                text-align:left;
                background:#fff;
                padding-left: .098rem;
                border-bottom: .03rem solid #F5F5F5;
                h4{              
                    padding-top:.1rem;
                    padding-bottom:.15rem;
                    text-align:left;
                }
                .shop_all{               
                    display:flex;               
                    align-items: center;
                    padding-bottom:.15rem;
                    .shop_check{
                        margin-right:.15rem;
                        label{
                            display:block;              
                            width:.18rem;
                            height:.18rem;
                            border-radius:.09rem;
                            border: 1px solid #ccc;
                            color:#fff;
                            padding-left:.03rem;
                            padding-top:.01rem;
                        } 
                    }
                    .shop_img{
                        margin-right:.15rem; 
                        img{
                            width:.8rem;
                            height:.8rem;
                        }
                    }
                    .shop_details{
                        flex:1;
                        margin-right:.15rem;
                        align-content: stretch;
                        h5{
                            padding-top:.04rem;
                            padding-bottom:.1rem; 
                            text-align:left;
                            font-weight:normal;
                        }
                        
                        .specification{
                            height:.3rem;
                            display:flex;
                            justify-content:space-between;
                            color:#ccc;
                            font-size:.14rem;                      
                            padding-bottom:.1rem;   
                        }
                        .price{
                            display:flex;
                            justify-content:space-between;
                            font-size:.14rem;
                            .price_one{
                                color:#fe4070;
                                font-size:.16rem;
                            }
                            .am-button{
                                height:auto;
                                line-height:normal;
                                margin-right:.1rem;
                                font-size:.14rem;
                            }
                            .am-button::before{
                                border: none
                            }
                            
                        }
                    }
                }
            }
        }
    }
    
    .shop_account{
        width:100%;
        height: .5rem;
        box-shadow: 0 0 0.15625rem #eee;
        background:#fff;
        display:flex;
        padding:.08rem .098rem; 
        position:fixed;
        bottom:.5rem;              
        align-items: center;
        justify-content: space-between;
        .all_check{
            width:20%;
            display:flex;
            label{
                display:block;              
                width:.18rem;
                height:.18rem;
                border-radius:.09rem;
                border: 1px solid #ccc;
                margin-right:.09rem;
                padding-top:.01rem;
                color:#fff;
            } 
        }      
        .all_price{
            width:50%;
            color:#ccc;
            font-size:.14rem;
            span{
                color:#fe4070;
                font-size:.18rem;
            }
        }
        .go_account{
            display:flex;
            align-items: center;
            justify-content:center;
            width:30%;
            height:100%;
            color:#fff;
            background:#fe4070;
            border-radius:.25rem;
        }
    }
    .shop_no_goods{
        flex:1;
        width:100%;
        height:100%;
        position:relative;
        .content{
            width:100%;
            height:100%;
            .oops{  
                height:auto;
                width:1.5rem;
                position:absolute;
                top:1.4rem;
                left:1.1rem;
                img{
                    width:100%;
                    height:100%;
                }
            }
            .empty_cart{
                color:#897550;
                top:2.9rem;
                position:absolute;
                width:100%;
                line-heigth:.16rem;
            }
        }
        .empty_cart{
            padding:.1rem;
            font-size: .14rem
            line-height: .2rem;
        }
        .hang_out{
            top:3.5rem;
            left:1.35rem;
            position:absolute;
            display:flex;
            align-items: center;
            justify-content:center;
            width:1.2rem;
            height:.35rem;
            color:#fff;
            background:#fe4070;
            border-radius:.25rem;
            a{
                text-decoration:none;
                color:#fff;
            }
        }
    }
`
